<template>
  <div>
    <home-header></home-header>
    <home-swiper :swiperList="swiperList"></home-swiper>
    <home-icons :iconList="iconList"></home-icons>
    <home-recommend :recommendList="recommendList"></home-recommend>
    <home-weekend :weekendList="weekendList"></home-weekend>
  </div>
</template>

<script>
import HomeHeader from './components/Header'
import HomeSwiper from './components/Swiper'
import HomeIcons from './components/Icons'
import HomeRecommend from './components/Recommend'
import HomeWeekend from './components/Weekend'

import { mapState } from 'vuex'

export default {
  name: 'Home',
  components: {
    HomeHeader,
    HomeSwiper,
    HomeIcons,
    HomeRecommend,
    HomeWeekend
  },
  data () {
    return {
      lastCity: '',
      swiperList: [],
      iconList: [],
      recommendList: [],
      weekendList: [],
      result: {}
    }
  },
  computed: {
    ...mapState(['city'])
  },
  mounted () {
    this.lastCity = this.city
    // 请求数据
    this.getHomeInfo()
  },
  activated () {
    // 当组件被 keep-alive 缓存，可通过此函数重新请求被缓存的数据
    if (this.lastCity !== this.city) {
      this.lastCity = this.city
      // 请求数据
      this.getHomeInfo()
    }
  },
  methods: {
    getHomeInfo () {
      // 请求数据

      this.getHomeInfoSucc(this.$data.result)
    },
    getHomeInfoSucc (res) {
      console.log(res)
      if (res.ret && res.data) {
        this.$data.swiperList = res.data.swiperList
        this.$data.iconList = res.data.iconList
        this.$data.recommendList = res.data.recommendList
        this.$data.weekendList = res.data.weekendList
      }
    }
  },
  created () {
    this.$data.result = {
      'ret': true,
      'data': {
        'swiperList': [{
          'id': '0001',
          'imgUrl': 'http://img1.qunarzz.com/piao/fusion/1801/1a/94428c6dea109402.jpg_640x200_2cf590d8.jpg'
        }, {
          'id': '0002',
          'imgUrl': 'http://img1.qunarzz.com/piao/fusion/1802/42/7c92b9a381e46402.jpg_640x200_1cdce2a4.jpg'
        }, {
          'id': '0003',
          'imgUrl': 'http://img1.qunarzz.com/piao/fusion/1802/51/e78f936a5b404102.jpg_640x200_c14f0b3a.jpg'
        }, {
          'id': '0004',
          'imgUrl': 'http://img1.qunarzz.com/piao/fusion/1712/91/a275569091681d02.jpg_640x200_0519ccb9.jpg'
        }],
        'iconList': [{
          'id': '0001',
          'imgUrl': 'http://img1.qunarzz.com/piao/fusion/1611/54/ace00878a52d9702.png',
          'desc': '景点门票'
        }, {
          'id': '0002',
          'imgUrl': 'http://img1.qunarzz.com/piao/fusion/1711/df/86cbcfc533330d02.png',
          'desc': '滑雪季'
        }, {
          'id': '0003',
          'imgUrl': 'http://img1.qunarzz.com/piao/fusion/1710/a6/83f636bd75ae6302.png',
          'desc': '泡温泉'
        }, {
          'id': '0004',
          'imgUrl': 'http://img1.qunarzz.com/piao/fusion/1611/35/2640cab202c41b02.png',
          'desc': '动植园'
        }, {
          'id': '0005',
          'imgUrl': 'http://img1.qunarzz.com/piao/fusion/1611/d0/e09575e66f4aa402.png',
          'desc': '游乐园'
        }, {
          'id': '0006',
          'imgUrl': 'http://img1.qunarzz.com/piao/fusion/1611/59/569d3c096e542502.png',
          'desc': '必游榜单'
        }, {
          'id': '0007',
          'imgUrl': 'http://img1.qunarzz.com/piao/fusion/1611/17/4bd370f3eb1acd02.png',
          'desc': '演出'
        }, {
          'id': '0008',
          'imgUrl': 'http://img1.qunarzz.com/piao/fusion/1611/7f/b1ea3c8c7fb6db02.png',
          'desc': '城市观光'
        }, {
          'id': '0009',
          'imgUrl': 'http://img1.qunarzz.com/piao/fusion/1611/a9/ffc620dbda9b9c02.png',
          'desc': '一日游'
        }],
        'recommendList': [{
          'id': '0001',
          'imgUrl': 'http://img1.qunarzz.com/sight/p0/1409/19/adca619faaab0898245dc4ec482b5722.jpg_140x140_80f63803.jpg',
          'title': '故宫',
          'desc': '东方宫殿建筑代表，世界宫殿建筑典范'
        }, {
          'id': '0002',
          'imgUrl': 'http://img1.qunarzz.com/sight/p0/1511/d2/d2aec2dfc5aa771290.water.jpg_140x140_abb362a7.jpg',
          'title': '南山滑雪场',
          'desc': '北京专业级滑雪圣地'
        }, {
          'id': '0003',
          'imgUrl': 'http://img1.qunarzz.com/sight/p0/1501/f4/f467729126949c3a.water.jpg_140x140_ef235b1c.jpg',
          'title': '天安门广场',
          'desc': '我爱北京天安门，天安门上太阳升'
        }, {
          'id': '0004',
          'imgUrl': 'http://img1.qunarzz.com/sight/p0/1501/40/40b2b6c951b28fdd.water.jpg_140x140_1c863e5c.jpg',
          'title': '水立方',
          'desc': '中国的荣耀，阳光下的晶莹水滴'
        }, {
          'id': '0005',
          'imgUrl': 'http://img1.qunarzz.com/sight/p0/201308/23/b283071686e64dfec8d65eac.jpg_140x140_8c5a7c49.jpg',
          'title': '温都水城养生馆',
          'desc': '各种亚热带植物掩映其间仿佛置身热带雨林'
        }],
        'weekendList': [{
          'id': '0001',
          'imgUrl': 'http://img1.qunarzz.com/sight/source/1510/6e/1ea71e2f04e.jpg_r_640x214_aa6f091d.jpg',
          'title': '北京温泉排行榜',
          'desc': '细数北京温泉，温暖你的冬天'
        }, {
          'id': '0002',
          'imgUrl': 'http://img1.qunarzz.com/sight/source/1505/aa/7baaf8a851d221.jpg_r_640x214_1431200f.jpg',
          'title': '北京必游TOP10',
          'desc': '来北京必去的景点非这些地方莫属'
        }, {
          'id': '0003',
          'imgUrl': 'http://img1.qunarzz.com/sight/source/1505/9e/21df651e19af5d.jpg_r_640x214_3ea5bb38.jpg',
          'title': '寻找北京的皇城范儿',
          'desc': '数百年的宫廷庙宇，至今依旧威严霸气'
        }, {
          'id': '0004',
          'imgUrl': 'http://img1.qunarzz.com/sight/source/1505/ce/bc89bc2f0e33ea.jpg_r_640x214_3e408453.jpg',
          'title': '学生最爱的博物馆',
          'desc': '周末干嘛？北京很多博物馆已经免费开放啦'
        }, {
          'id': '0005',
          'imgUrl': 'http://img1.qunarzz.com/sight/source/1505/b2/fde1bfcd057a52.jpg_r_640x214_bbf3fa44.jpg',
          'title': '儿童剧场，孩子的乐园',
          'desc': '带宝贝观看演出，近距离体验艺术的无穷魅力'
        }]
      }
    }
  }
}
</script>

<style lang="stylus" scoped>
</style>
